# encoding: utf-8

import datetime, random
import config

def aphorism():
	li=['自从我，随大王，东征西战；受风霜，与劳碌，年复年年；何日里，方得免，兵戈扰乱？消却了，众百姓，困苦颠连。',
		'如果生命的本质是通过DNA传播的信息的话，社会和文化也不过是个庞大的记忆系统，城市是一个巨大的外部记忆装置。',
		'生活就像一盒巧克力，你永远不知道你会得到什么。',
		'独步天下，吾心自洁；无欲无求，如林中之象。',
		'生死去来，棚顶傀儡，一线断时，落落磊磊。',
		'当初他们（纳粹）杀共产党，我没有作声，因为我不是共产党；后来他们杀犹太人，我没有作声，因为我不是犹太人；再接下来他们杀天主教徒，我仍然保持沉默，因为我不是天主教徒；最后，当他们开始对付我时，已经没有人为我讲话了…',
		'温不增华，寒不改叶。无名有品，无位有尊。',
		'如果我们的神与希望都成为科学的一部分，还会有人坚持爱不是科学的说法吗？',
		'事实上人总是没有自己想像得那么幸福或不幸...重要的是，是否对于有希望而活着感到厌倦。',
		'黑夜给了我一双黑色的眼睛，我却用它来寻找光明。',
		'天下风云出我辈，一入江湖岁月催；皇图霸业谈笑中，不胜人生一场醉。提剑跨骑挥鬼雨，白骨如山鸟惊飞；尘事如潮人如水，只笑江湖几人回。',
		'世人笑我太疯癫，我笑他人看不穿；不见五陵豪杰墓，无花无酒锄做田。',
		]
	return random.choice(li)

def first_day_of_week(date):
	return date-datetime.timedelta(days=date.weekday())

def build_page(out,today,date,yeardata,monthdata,photodata):

	out.write('''
	<!DOCTYPE HTML>

	<head>
		<title>奇幻之岛</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="content-language" content="zh-CN" />
		<meta name="description" lang="zh-CN" content="黑鸟的照片日志" />
		<meta name="keywords" content="fancy-isle,blackbird,photo,diary" />
		<meta name="author" content="Yongcong Wang"/>
		<link rel="shortcut icon" href="images/favicon.ico" type="image/ico" />	
		<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
		<script src="js/prototype.js" type="text/javascript"></script>
		<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
		<script src="js/lightbox.js" type="text/javascript"></script>
		<script language='javascript'>
		<!--
			function selectDate(value) {
				var ctl_dateform=document.getElementById('date');
				var ctl_send=document.getElementById('send');
				ctl_send.value=value;
				ctl_dateform.submit();
			}
		-->
		</script>
	</head>

	<body>
	<div id="topborder"></div>
	<div id="sidebar">
		<h1><a href="http://%s/photodiary/index.html">Photo Diary</a></h1>
		<p><a href="http://code.google.com/p/fancy-isle/">by Yongcong Wang</a></p>
		
		<form id='date' action="http://%s/photodiary/index.html" method='post'>
			<input id='send' name='date' type="hidden">
		</form>
			<label for='date' style='margin-right:0.5em;'>选择日期</label>
			<select onchange='selectDate(this.value);'>\n'''%(config.APP_URL,config.APP_URL))
	for year, mon in yeardata:
		if mon==0:
			continue
		out.write('''\t\t\t\t<optgroup label="%d年">\n'''%year)
		for i in xrange(1,13):
			if mon&(1<<i):
				if year==date.year and i==date.month:
					out.write('''\t\t\t\t\t<option value="%d%02d01" selected="selected">%d年%d月</option>\n'''%(year,i,year,i))
				else:
					out.write('''\t\t\t\t\t<option value="%d%02d01">%d年%d月</option>\n'''%(year,i,year,i))
		out.write('''\t\t\t\t</optgroup>\n''')

	out.write('''
			</select>
		<ul id="nav">\n''')

	for dt, count, selected, current in monthdata:
		out.write('''\t\t\t<li>''')
		if selected:
			out.write('''<span class="sel"><a href="#"><b>%d月%d日</b>'''%(dt.month,dt.day))
		elif count==0:
			out.write('''<a href="#">%d月%d日'''%(dt.month,dt.day))
		else:
			out.write('''<a href="#" onclick="selectDate(%d%02d%02d);">%d月%d日'''%(dt.year,dt.month,dt.day,dt.month,dt.day))
		if current:
			out.write('''<em style="margin-left:0.5em;">now</em>''')
		if count>0:
			out.write('''<span style='float:right;'>(%d)</span>'''%count)
		if selected:
			out.write('''</a></span></li>\n''')
		else: 
			out.write('''</a></li>\n''')

	out.write(
		'''
		</ul>
	</div><!-- end .sidebar -->

	<div id="content">
	<a name="overview"></a>
	<div class="section first">
		<h2>%s<!-- python replace: 当天日期 --></h2>
		<p class="lead">欢迎来到 <em>Yongcong Wang</em> 的照片日志。这里所展示的皆为本人平日所拍摄的生活照片，自娱自乐，<a><b>谢绝转载</b></a></p>
		<p><em><span id="alphorism">谚语</span><span id="alphorism_content">%s<!-- python replace: 谚语 --></span></em></p>
	</div><!-- end .section -->
	'''%('%d年%d月%d日 星期%s'%(today.year,today.month,today.day,config.WEEKDAY_NAME[today.weekday()]),aphorism()))

	out.write('''
	<a name="photo"></a>	
	<div class="section">
		<h2>本周照片</h2>
		<h3 style="clear: both;">Current Week</h3>
	''')

	cnt=0
	for dt, files in photodata:
		out.write('''<div class="thumbnail">''')
		if files is None:
			##-------------------------------------------------------------
			## <img src="images/empty.png" alt="周一" width="164" height="123"/>
			##-------------------------------------------------------------
			out.write('''<img src="images/nopic%d.png" alt="周%s" width="%d" height="%d"/>'''%(cnt,config.WEEKDAY_NAME[cnt],config.THUMB_WIDTH,config.THUMB_HEIGHT))
		else:
			##------------------------------------------------------------------------------------------
			## <a href="photos/201104/20110418-0.jpg" rel="lightbox[0]" title="周一照片1">
			##		<img src="photos/201104/thumbs/20110418-0.jpg" alt="周一" width="164" height="123"/>
			## </a>
			## <a href="photos/201104/20110418-1.jpg" rel="lightbox[0]" title="周一照片2" ></a>
			##------------------------------------------------------------------------------------------
			path='%d%02d/'%(dt.year,dt.month)
			fname, caption=files[0]
			img=fname.encode('utf8')
			out.write('''<a href="photos/''')
			out.write(path)
			out.write(img)
			out.write('''" rel="lightbox[%d]" title="'''%cnt)
			out.write(caption.encode('utf8'))
			out.write('''"><img src="photos/%sthumbs/'''%path)
			out.write(img)
			out.write('''" alt="周%s" width="%d" height="%d"/></a>'''%(config.WEEKDAY_NAME[cnt],config.THUMB_WIDTH,config.THUMB_HEIGHT))
			for i in xrange(1,len(files)):
				fname, caption=files[i]
				img=fname.encode('utf8')
				out.write('''<a href="photos/''')
				out.write(path)
				out.write(img)
				out.write('''" rel="lightbox[%d]" title="'''%cnt)
				out.write(caption.encode('utf8'))
				out.write('''" ></a>''')
		cnt+=1
		out.write('''</div>''')

	out.write('''
	</div><!-- end .section -->

	<a name="about"></a>	
	<div class="section">
		<h2>关于本站</h2>
		<h3>About this site</h3>
		<p>在下是一名普通的游戏程序员，这是我利用业余时间维护的私人照片日志，页面设计和照片效果皆源自 <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox</a></p>
		<p>若要联系在下，请发送邮件到 <a class="contact-link">wangyongcong@gmail.com</a></p>
		<p>如果你是翻墙大师，也可以在 <a href="http://twitter.com/#!/wangyongcong">Twitter</a> 或 <a href="http://www.facebook.com/wangyongcong">Facebook</a> 上找到我</p>
	</div><!-- end .section -->

	</div><!-- end #content -->
	</body>
	</html>
	''')

